<template>
    <div v-if="online" class="online">在线</div>
    <div v-else class="offline">离线</div>
</template>
<script>
export default {
    // data() {
    //     return {
    //         'online': true
    //     }
    // }
    props: ['status'],
    computed: {
        online(){
            return this.status == 'online'
        }
    }
}
</script>
<style>
    div{display: inline;}
    .online {color:#f0e;background-color: aquamarine;}
    .offline{color:#eee;background-color: cadetblue;}
</style>